<template>
  <div class="frame-cls">
    <iframe
      id="iframe"
      name="iframe"
      :src="url"
      style="width: 100%; height: 100%; background-color: transparent"
      frameborder="0"
      @load="initData"
      ref="iframe"
    ></iframe>
  </div>
</template>
<script>
export default {
  name: "vuepress",
};
</script>
<script setup>
import { ref, onMounted } from "vue";
import load from "@/utils/load.js"; // 引入

const url = ref("");
const iframe = ref(null);
onMounted(() => {
  // load.show();
  url.value ="https://blue-view.github.io/font-collection/handbook/source/h5.html";
  document.getElementById("iframe").style.display = "block";
});
const initData = () => {
  // load.hide();

};
</script>

<style lang="less" scoped>
.frame-cls{
  position: relative;
  z-index: 100;
  height: 100%;
}
</style>